/** disable conflicting twitter bootstrap styles */
.polar-viewer *,
.polar-viewer *::before,
.polar-viewer *::after {
    box-sizing: unset;
}

/* enable bootstrap within .twitter-bootstrap-enabled */

.twitter-bootstrap-enabled *,
.twitter-bootstrap-enabled *::before,
.twitter-bootstrap-enabled *::after {
    box-sizing: border-box;
}

button.dropdown-item:hover {
    background-color: #D8D8D8;
    background-image: none;
}

.confirm-prompt {

    min-width: 550px;
    width: 550px;

}

.popover {
    /* the default max width is too small */
    max-width: 500px !important;
}

/* custom CSS for mobile devices */
@media only screen and (max-device-width: 480px) {

    .d-none-mobile {
        display: none;
    }

}

@media only screen and (min-device-width: 480px) {

    .d-none-desktop {
        display: none;
    }

}


.twitter-bootstrap-content *,
.twitter-bootstrap-content {
    font-size: 16px;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";;*/
}

.text-xs *,
.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 14px;
}

.text-md {
    font-size: 16px;
}

.text-lg {
    font-size: 18px;
}

.text-xl {
    font-size: 20px;
}

/*
 https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 https://css-tricks.com/forums/topic/scaling-down-images-with-css-makes-them-blurry/

 this works well for Firefox just not for Chrome right now. Hopefully in the
 future.
*/
.img-crisp {

    image-rendering: -moz-crisp-edges;          /* Firefox */
    image-rendering: -o-crisp-edges;          /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;   /* IE (non-standard property) */
}

.hover-highlight:hover *,
.hover-highlight:hover {
    /*TODO: this is still too dark I think*/
    background-color: var(--grey100);
}

:root {

    --grey900: #222222;
    --grey800: #3B3B3B;
    --grey700: #515151;
    --grey600: #626262;
    --grey500: #7E7E7E;
    --grey400: #9E9E9E;
    --grey300: #B1B1B1;
    --grey200: #CFCFCF;
    --grey100: #E1E1E1;
    --grey000: #F7F7F7;

    --primary900: #002159;
    --primary800: #01337D;
    --primary700: #03449E;
    --primary600: #0552B5;
    --primary500: #0967D2;
    --primary400: #2186EB;
    --primary300: #47A3F3;
    --primary200: #7CC4FA;
    --primary100: #BAE3FF;
    --primary000: #E6F6FF;

    --danger900: #610316;
    --danger800: #8A041A;
    --danger700: #AB091E;
    --danger600: #CF1124;
    --danger500: #E12D39;
    --danger400: #EF4E4E;
    --danger300: #F86A6A;
    --danger200: #FF9B9B;
    --danger100: #FFBDBD;
    --danger000: #FFE3E3;

}


